<!DOCTYPE html>
<!-- 告诉浏览器下面的代码用html5语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!--utf-8编码集：万国码  -->
		<title>页面</title>
	</head>
	<body>
		<!-- html 属性和属性值 ，【所有元素存在，元素和属性捆绑】
		  功能：做效果      问题:针对一个元素有效
		  -->
		<p align="right">lorem</p>
		<!-- css 作样式【效果】   针对全局 
		前端：内容与表现分离，【html做结构，css做样式】
		     能使用css，不要用html元素中属性和属性值
	   css3引入方式 ①：内部样式表------- 练习专用，代码量低
	               ②：外部样式表------项目专用，代码量高
				   ③：内联样式表------基本不用，代码冗余
				   ④：引入样式表------根本不用，支持css2引入方式
				                    缺点：先内容后表现
		-->
		<p style="text-align: center">lorem1</p>
	</body>
</html>
